<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 当代码需要重复执行
    // 但是有不同的地方
    // 那么不同的地方用函数的参数进行传入

    // 这里的num表示形参
    // 参数可以用等号表示默认值
    function createTable(num1, num2 = 9, borderWidth = 1) {
      let str = `<table border='${borderWidth}'>`;
      for (let i = 1; i <= num1; i++) {
        str += "<tr>";
        for (let j = 1; j <= num2; j++) {
          str += `<td>${i} * ${j} = ${i * j}</td>`
        }
        str += "</tr>";
      }
      str += "</table>";
      document.write(str);
    }

    // 这里的9和5叫实参
    // createTable(9)
    // createTable(5)

    // 参数可以传多个，用逗号隔开
    createTable(9, 5, 3)
    createTable(9)
  </script>
</body>
</html>